<template>
  <Panel title="摄像头监控" width="380px">
    <DeviceTable :data="deviceList"></DeviceTable>
  </Panel>
</template>

<script lang="ts" setup>
import DeviceTable from "./DeviceTable.vue";

const deviceList = ref([
  { id: "1", img: "img", name: "消防栓A", code: "A001", area: "1楼a区", status: "正常" },
  { id: "2", img: "img", name: "消防栓A", code: "A002", area: "1楼b区", status: "正常" },
  { id: "3", img: "img", name: "消防栓A", code: "A003", area: "1楼c区", status: "报警" },
  { id: "4", img: "img", name: "消防栓A", code: "A004", area: "1楼d区", status: "离线" },
  { id: "5", img: "img", name: "消防栓A", code: "A005", area: "1楼e区", status: "离线" },
]);
</script>
<style lang="scss" scoped></style>
